
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"  lang="zh-CN"> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <title>中联企华 | 我们为你做方案</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">
    <meta name="keywords" content="中联企华,我们秉承用高科技驱动商业创新的理念。我们的产品融合APP开发，小程序，微信公众号等" />
    <meta name="description" content="总部位置北京海淀区，创立于2012年，为企业移动信息化提供领先的移动APP开发和解决方案。" />
    <meta name="author" content="Julivid" />

    <!-- CSS -->
    <link rel="stylesheet" href="css/materialize.css">
    <link rel="stylesheet" href="css/style.css?v1">
    <link rel="icon" href="images/favicon.ico" />
    <!-- JAVASCRIPT -->
    <!--<script src="js/jquery-2.1.1.min.js"></script>-->
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/materialize.js"></script>

    <!-- IE Fix for HTML5 Tags -->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
<div class="navbar-fixed">
    <nav>
        <div class="nav-wrapper">
            <a href="http://www.zhonglianqihua.com/index.html" class="brand-logo"> &nbsp;中联企华（北京）科技有限公司<!--<img src="images/logo.png">--></a>
            <a href="javascript:;" data-activates="mobile-demo" class="button-collapse" style="font-size:32px; padding: 0 20px;"> &equiv; </a>
            <ul id="nav-mobile" class="right hide-on-med-and-down">
                <li class=""><a href="http://www.zhonglianqihua.com/index.html">首页</a></li>
                <!--<li><a href="javascript:;">微视频</a></li>
                <li><a href="javascript:;">公益活动</a></li>
                <li><a href="javascript:;">公益基金</a></li>-->
                <li class=""><a href="http://www.zhonglianqihua.com/activity.html">案例展示</a></li>
                <li class=""><a href="http://www.zhonglianqihua.com/plan.html">方案下载</a></li>
                <li class=""><a href="http://www.zhonglianqihua.com/connect.html">联系我们</a></li>
                <li class=""><a href="http://www.zhonglianqihua.com/baoming.html">活动报名</a></li>
            </ul>
            <ul class="side-nav" id="mobile-demo">
                <li class="active"><a href="http://www.zhonglianqihua.com/index.html">首页</a></li>
                <!--<li><a href="javascript:;">微视频</a></li>
                <li><a href="javascript:;">公益活动</a></li>
                <li><a href="javascript:;">公益基金</a></li>-->
                <li><a href="http://www.zhonglianqihua.com/about.html">公司简介</a></li>
                <li><a href="http://www.zhonglianqihua.com/connect.html">联系我们</a></li>
                <li><a href="http://www.zhonglianqihua.com/baoming.html">活动报名</a></li>
            </ul>
        </div>
    </nav>
</div><link href="css/slider.css" rel="stylesheet">
<link href="css/reveal.css" rel="stylesheet">
<style>
    .dtb {margin-top: 15px}
    .download {font-size: 20px; color: #000; cursor: pointer; margin: 10px 0 0 0;}
    .buy {float: right; color: #ff0000}
    .buy-btn {
        margin: 50px auto 0px auto;
        width: 300px;
        cursor: pointer;
        display: block;
        padding: 15px 30px;
        background-color: #dd6b3d;
        text-align: center;
        border-radius: 3px;
        color: #fff;
        font-size: 16px;
    }
    .pay-img {
        width: 342px;
        margin: 20px 0 15px 50px;
    }
</style>
<div class="slider">
    <ul class="slides">
        <li>
            <img src="images/2.jpg">
            <div class="caption right-align slider4">
                <h2 style="font-size:36px;">方案下载</h2>
                <h3 class="light grey-text text-lighten-3"> </h3>
            </div>
        </li>
    </ul>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('.slider').slider({full_width: true});
    });
</script>
<!--  CONTAINER -->
<div class="container main_about">
    <div class="row">
        <div class="">
            <!-- Single Post -->
            <div class="twelve columns">
                <div class="blog-post">
                    <h3>方案下载</h3>
                    <div class="dtb">
                        <a class="download" data-reveal-id="myModal">
                            <span class="title">APP解决方案</span>
                            <span class="buy">购买下载</span>
                        </a>
                    </div>
                    <div class="dtb">
                        <a class="download" data-reveal-id="myModal">
                            <span class="title">小程序解决方案</span>
                            <span class="buy">购买下载</span>
                        </a>
                    </div>
                    <div class="dtb">
                        <a class="download" data-reveal-id="myModal">
                            <span class="title">公众账号解决方案</span>
                            <span class="buy">购买下载</span>
                        </a>
                    </div>
                    <div class="dtb">
                        <a class="download" data-reveal-id="myModal">
                            <span class="title">设计文档解决方案</span>
                            <span class="buy">购买下载</span>
                        </a>
                    </div>
                    <!-- END Single Post -->
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- END  CONTAINER -->

    <script src="js/jquery.reveal.js"></script>

    <div id="myModal" class="reveal-modal">
        <h1>该方案购买需要支付：500元</h1>
        <p>充值方式：支付宝扫码</p>
        <a id="buy_btn" class="buy-btn" data-reveal-id-buy="buyModal">确认并充值</a>
        <a class="close-reveal-modal">&#215;</a>
    </div>

    <div id="buyModal" class="reveal-modal">
        <img class="pay-img" src="images/milepay.png">
        <a id="closeall" class="close-reveal-modal">&#215;</a>
    </div>

    <footer>
        <div class="container footer">
            <!--<div class="row">
                <div class="adout-us">
                    <h2>关于我们</h2>
                </div>
            </div>-->
            <div class="row center">
                <div class="copyright">
                    <a href="javascript:;">关于我们</a>&nbsp; | &nbsp;
                    <a href="javascript:;">服务协议</a>&nbsp; | &nbsp;
                    <a href="javascript:;">隐私政策</a>&nbsp; | &nbsp;
                    <a href="javascript:;">开放平台</a>&nbsp; | &nbsp;
                    <a href="javascript:;">广告服务</a>&nbsp; | &nbsp;
                    <a href="javascript:;">公益基金</a>&nbsp; | &nbsp;
                    <a href="javascript:;">客服中心</a>&nbsp; | &nbsp;
                    <a href="javascript:;">网站导航</a>
                    <div class="clear"></div>
                    <p>&copy; 版权所有 中联企华（北京）科技有限公司 &nbsp;</p>
                    <p>地址：北京市海淀区信息路28号6层A座-1054号</p>
                    <p><a href="http://www.miitbeian.gov.cn" target="_blank">京ICP备15041527</a></p>
                    <p></p>
                </div>
            </div>
        </div>
    </footer>
    <script type="text/javascript">
        $(document).ready(function(){
            //手机端菜单
            $(".button-collapse").sideNav();
        });
    </script>
</body>
</html>